<template>
    <div id="root" :style="width">
        <!--        饿了么Ui卡片组件-->
        <el-row>
            <el-col>
                <el-card  :body-style="{ padding: '0px' }" shadow="hover">
                    <!--                    内容插槽-->
                    <slot/>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    //引用饿了吗卡片组件
    import {Row,Col,Card} from "element-ui";
    export default {
        name: "Card",
        components:{
            "el-row":Row,
            "el-col":Col,
            "el-card":Card
        },
        props:{
            width:{
                type:Object
            }
        }
    }
</script>

<style scoped>
    #root{
        width: 240px;
    }
</style>